<%--
  @author dmj1161859184@126.com 2018-07-27 21:19
  @version 1.0
  @since 1.0
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="common.jsp"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>

    <link rel="stylesheet" href="<%=baseContext%>/resources/views/components/bootstrap-3.3.7/css/bootstrap.min.css">
    <script type="text/javascript" src="<%=baseContext%>/resources/views/components/jquery/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="<%=baseContext%>/resources/views/components/bootstrap-3.3.7/js/bootstrap.js"></script>

    <link rel="stylesheet" href="<%=baseContext%>/resources/views/components/bootstrap-3.3.7/css/bootstrap-dialog.min.css"/>
    <script type="text/javascript" src="<%=baseContext%>/resources/views/components/bootstrap-3.3.7/js/bootstrap-dialog.min.js"></script>
</head>
<body>
<div class="container">
    <div class="form row">
        <form class="form-horizontal col-sm-offset-3 col-md-offset-3" action="<%=baseContext%>/user/login" method="post" name="login_form" id="login_form">
            <h3 class="form-title">Login to your account</h3>
            <div class="col-sm-9 col-md-9">
                <div class="form-group">
                    <i class="fa fa-user fa-lg"></i>
                    <input class="form-control required" type="text" placeholder="Username" name="username"
                           id="login_username"
                           autofocus="autofocus" maxlength="50"/>
                </div>
                <div class="form-group">
                    <i class="fa fa-lock fa-lg"></i>
                    <input class="form-control required" type="password" placeholder="Password" name="password"
                           id="login_password"
                           maxlength="30"/>
                </div>
                <div class="form-group">
                    <label class="checkbox">
                        <input type="checkbox" name="remember" value="true"/> Remember me
                    </label>
                    <hr/>
                    <a href="javascript:;" id="register_btn" class="">Create an account</a>
                </div>
                <div class="form-group">
                    <input type="submit" class="btn btn-success pull-right" value="Login" onclick="submitLoginForm();" id="login_submit"/>
                </div>
            </div>
        </form>
    </div>

    <div class="form row">
        <form class="form-horizontal col-sm-offset-3 col-md-offset-3" id="register_form">
            <h3 class="form-title">Login to your account</h3>
            <div class="col-sm-9 col-md-9">
                <div class="form-group">
                    <i class="fa fa-user fa-lg"></i>
                    <input class="form-control required" type="text" placeholder="Username" name="username"
                           autofocus="autofocus"/>
                </div>
                <div class="form-group">
                    <i class="fa fa-lock fa-lg"></i>
                    <input class="form-control required" type="password" placeholder="Password" id="register_password"
                           name="password"/>
                </div>
                <div class="form-group">
                    <i class="fa fa-check fa-lg"></i>
                    <input class="form-control required" type="password" placeholder="Re-type Your Password"
                           name="rpassword"/>
                </div>
                <div class="form-group">
                    <i class="fa fa-envelope fa-lg"></i>
                    <input class="form-control eamil" type="text" placeholder="Email" name="email"/>
                </div>
                <div class="form-group">
                    <input type="submit" class="btn btn-info pull-left" id="back_btn" value="Back"/>
                    <input type="submit" class="btn btn-success pull-right" value="Sign Up "/>
                </div>
            </div>
        </form>
    </div>
</div>
<script type="application/javascript" src="<%=baseContext%>/resources/views/js/login.js"></script>
</body>
</html>